Component({
  properties: {
    title: { //单元格标题
      type: String,
      value: ''
    },
    titleColor: { //单元格标题颜色
      type: String,
      value: '#000'
    },
    titleSize: { // 单元格标字体大小
      type: Number,
      value: 15
    },
    url: { //有跳转链接的单元格
      type: String,
      value: ''
    },
    navigateTo: { //跳转方式
      type: String,
      value: ''
    },
    leftImg: { // 单元格左侧图路径,若有值则不会显示插槽内容
      type: String,
      value: ''
    },
    leftSize: { // 单元格左侧图尺寸
      type: Number,
      optionalTypes: [String],
      value: 20
    },
    leftRadius: { // 单元格左侧图圆角
      type: Number,
      optionalTypes: [String],
      value: 2
    },
    rightImg: { // 单元格右侧图路径,若有值则不会显示value内容
      type: String,
      value: ''
    },
    rightSize: { // 单元格右侧图尺寸
      type: Number,
      optionalTypes: [String],
      value: 20
    },
    rightRadius: { // 单元格右侧缩略图圆角
      type: Number,
      optionalTypes: [String],
      value: 2
    },
    value: { // 单元格右侧描述
      type: String,
      value: ''
    },
    valueColor: { //标题右侧文本颜色
      type: String,
      value: '#999'
    },
    valueSize: { // 单元格右侧描述文字大小
      type: Number,
      value: 14
    },
    showArrow: { //是否显示箭头图标
      type: Boolean,
      value: false
    },
    showBorder: { //是否显示线条
      type: Boolean,
      value: true
    }
  },
  options: {
    multipleSlots: true
  },
  methods: {
    onClick() {
      if (this.data.url) {
        switch (this.data.navigateTo) {
          case 'redirectTo':
            wx.redirectTo({
              url: this.data.url
            });
            break;
          case 'switchTab':
            wx.switchTab({
              url: this.data.url
            });
            break;
          case 'reLaunch':
            wx.reLaunch({
              url: this.data.url
            });
            break;
          default:
            wx.navigateTo({
              url: this.data.url
            });
        }
      } else {
        this.triggerEvent('click')
      }
    }
  }
})
